@import url(public.css?v=1.03);.top-nav {height:40px;background:#333;color:#a0a0a0;line-height:40px;cursor:default;position:fixed;top:0;left:0;width:100%;z-index:999;min-width:1200px}
.top-nav a {color:#a0a0a0}
.top-nav a:hover {color:#fff}
.top-nav-box {padding:0 40px;margin:0 auto}
.top-nav-item li {float:left;position:relative}
.top-nav-item>li+li {margin-left:10px}
.top-nav-a li+li a:before {content:'|';padding-right:10px;opacity:.2}
.head {position:relative;padding-top:40px;width:100%;min-width:1200px;z-index:88;background-color:#fff}
.head-box {width:1200px;margin:0 auto;padding:15px 0}
.logo {float:left;height:50px;width:170px}
.logo a {display:block;width:100%;height:100%;overflow:hidden;background-size:auto 100%}
.logo img{max-width:170px;max-height:50px;}
.head-gd {float:left;overflow:hidden;padding:0 0 0 10px}
.head-gd a {display:block;height:50px;max-width:280px;overflow:hidden}
.head-gd a img {max-height:100%;width:auto}
.head-site {float:left;padding:0 10px;font-size:24px}
.head-site a {display:block;padding:0 10px;border-radius:4px;line-height:40px;color:#fff;margin-top:5px;background-color:#fc0}
.search {float:right;z-index:99;margin-top:7px}
.search form {border:2px solid #0CC6C6;height:31px;background-color:#fff;overflow:hidden;position:relative;padding-right:40px}
.input-search {display:block;border:0px;margin:5px;background:none;height:21px;width:150px;line-height:21px;font-size:16px;color:#999}
.search-btn-icon{width:20px;height:20px;display:inline-block;background-position:-165px -77px;background-color: none;}
.search .icf {position:absolute;display:block;width:40px;height:31px;line-height:31px;right:0;top:0;background:#0CC6C6;text-align:center;font-size:20px;color:#fff}
.btn-search {position:absolute;right:0;top:0;display:block;border:0;width:40px;height:31px;overflow:hidden;cursor:pointer;z-index:2;background:transparent}
.hot-search {line-height:20px;width:100%;overflow:hidden;height:20px;margin-top:5px}
.hot-search a+a {margin-left:5px}
.head-nav {float:right;margin:0 15px}
.nav {height:50px;overflow:hidden}
.nav li {float:left;line-height:30px;position:relative;z-index:10}
.nav li .nav-a {display:block;padding:0 15px;line-height:50px;text-align:center;font-size:16px;position:relative}
.nav li .nav-a:hover,
.nav li .nav-a.active {color:#0cc6c6}
.nav li .nav-a:after {content:'';width:0;position:absolute;bottom:0;left:50%;margin-left:0;height:2px;background-color:#0CC6C6;transition:all 0.2s}
.nav li .nav-a.active:after,
.nav li .nav-a:hover:after {width:100%;left:50%;margin-left:-50%}
.nav li .nav-xy {display:block;padding:12px 40px 12px 58px;color:#fff;line-height:20px;font-size:18px;position:relative}
.nav li .nav-xy .icf {top:7px;font-size:20px;left:25px}
.head-nav-pd {background-color:#0CC6C6;border-bottom:2px solid #00ABAB;width:100%}
.nav-pd {width:1200px;margin:0 auto}
.nav-pd li {float:left;line-height:30px;position:relative;z-index:10}
.nav-pd>li+li {border-left:1px solid #00abab}
.nav-pd li .icf {display:block;width:30px;line-height:30px;text-align:center;position:absolute;top:5px;left:50%;margin-left:-15px;font-weight:normal;font-size:24px}
.nav-pd li .nav-xy {display:block;padding:12px 40px 12px 58px;color:#fff;line-height:20px;font-size:18px;position:relative}
.nav-pd li .nav-xy .icf {top:7px;font-size:20px;left:25px}
#menu-toggle {display: none;}
@media screen and (max-width:1000px) {
  .top-nav{display:none;}
  .head{min-width:auto;padding:0px 10px;width:auto;}
  .head-box{width:auto;}
  .search{display:none;}
  .logo{height:auto;}
  .logo img{max-height:48px;}
  .nav{display:none;background: #FFF;width: 100%;height: 100%;position: fixed;top:0px;left:0px;margin-top:65px;z-index: 1000;overflow: hidden;border-top: 1px solid #EEE;}
  .nav li {height: 45px;line-height: 45px;float: none;clear: both;text-align: left;float: none;margin: 0px;width: auto;}
  .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;position: relative;right: 0px;z-index: 999;}
  .menu-button,
  .menu-button::before,
  .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
  .menu-button{margin-top:17px;}
  .menu-button::before {content: "";margin-top: -10px;}
  .menu-button::after {content: "";margin-top: 10px;}
  #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
  #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
  #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
  #menu-toggle ~ .header-nav li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
  #menu-toggle:checked ~ .header-nav li {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

.recommend-game-box{margin-bottom:20px;position:relative;padding-left:90px;overflow:hidden;background:#FFF}
.recommend-game-title{position:absolute;left:0px;top:0px;height:100%;width:90px;background:#FF6600;text-align:center;}
.recommend-game-title span{height:48px;line-height:48px;font-size:15px;cursor: pointer;color:#FFF;display:block;}
.recommend-game-title span.active{font-weight:bold;background:#EB5E00;font-weight:bold;position:relative;}
.recommend-game-title span.active::after{content: "";position:absolute;right:-8px;top:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #EB5E00;}
.recommend-game-list{display:none;}
.recommend-game-list.active{display:block;}
.recommend-game-list ul{overflow:hidden;padding:20px 0px 0px 20px;}
.recommend-game-list ul li{float:left;text-align:center;width:98px;padding:0px 5px;padding-bottom:15px;}
.recommend-game-list ul li p{height:24px;line-height:24px;overflow:hidden;}
.recommend-game-list ul li span{line-height:24px;height:24px;overflow:hidden;}
.recommend-game-list ul li img{width:80px;height:80px;border-radius:15px;}
@media screen and (max-width:1000px) {
    .recommend-game-box{margin-bottom:5px;padding-left:0px;padding-top:8px;}
    .recommend-game-title{position:relative;width:92%;margin:0px 4%;border-radius:35px;overflow:hidden;height:35px;border:1px solid #FF6600;}
    .recommend-game-title span{margin-left:0px;padding:0px;width:33.33%;height:35px;line-height:35px;color:#666;float:left;font-size:14px;background:#FFF;}
    .recommend-game-title span.active{background:#FF6600;color:#FFF;}
    .recommend-game-title span.active::after{display:none;;}
    .recommend-game-list ul{overflow:auto;display:-webkit-flex;display:flex;padding:20px 20px 0px 0px;}
    .recommend-game-list ul li{margin-left:15px;}
    .recommend-game-list ul li img{width:66px;height:66px;}
}

.banner{width:480px;height:280px;position:relative;}
.banner img{width:480px;height:280px}
.tt-box-l{width:480px;float:left;}
.tt-box-l h2{font-size:18px;height:45px;line-height:35px}
.tt-box-l ol{background:#FFF;padding:12px 15px 14px 15px;border-top:1px solid #EEE;margin-top:10px;}
.tt-box-l ol:nth-child(1){border-top:0px;}
.tt-box-l ol li{clear:both;height:35px;line-height:35px;overflow:hidden;}
.tt-box-l ol li.tt-box-td{height:auto;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #EEE;}
.tt-box-l ol li.tt-box-td p{clear:both;}
.tt-box-l ol li.tt-box-td p:nth-child(1){font-size:16px;}
.tt-box-l ol li.tt-box-td span{content:'推荐';display:block;float:left;background:#fe8900;color:#fff;padding:0px 10px;line-height:30px;margin-right:12px;border-radius:15px;}
.tt-box-l ol li.tt-box-td p:nth-child(1) a{color:#fe8900}
.tt-box-l ol li.tt-box-td p:nth-child(2){color:#999;font-size:14px;padding-top:10px;height:40px;line-height:20px;overflow:hidden;}
.tt-box-l ol li a{float:left;color:#666;}
.tt-box-l ol li time{float:right;color:#999;font-size:12px;}

.tt-menu{background:#FFF;height:45px;border-radius:45px;line-height:45px;font-size:18px;margin-bottom:10px;width:452px;}
.tt-menu span{font-weight:bold;cursor:pointer;}
.tt-menu span.active{color:#ff6600;position:relative;}
.tt-menu span.active::after{content:'';height:3px;width:100%;background:#ff6600;display:block;position:absolute;bottom:0px;left:0px;}

.tt-boxs{width:700px;float:right;}
.tt-boxs-data{background:#FFF;overflow:hidden;}
.tt-box-c{width:452px;float:left;}
.tt-box-c ul{background:#FFF;overflow:hidden;clear:both;padding:6px 0px;display:none}
.tt-box-c ul.active{display:block}
.tt-box-c ul li{padding:13px 0px 13px 18px;width:400px;overflow:hidden;float:left;}
.tt-box-c ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.tt-box-c ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.tt-box-c ul li p.news-title a{color:#333;font-size:16px;}
.tt-box-c ul li p time{float:left;font-size:14px;color:#999;}
.tt-box-c ul li p span{float:right;font-size:14px;color:#999;}


.tt-box-r{float:right;width:248px;}
.tt-box-r ul{padding:8px;background:#FFF;}
.tt-box-r li{position:relative;padding:10px 0px 10px 23px;border-left:1px solid #EEE;height:62px;}
.tt-box-r li::before{content:'';position:absolute;top:0px;left:-5px;width:8px;height:8px;border-radius:8px;background:#FFF;border:1px solid #EEE;}
.tt-box-r li:hover::before{background:#3C82FA;left:-8px;top:-2px;width:10px;height:10px;border-radius:10px;border:2px solid #DDD;}
.tt-box-r li img{width:66px;height:66px;float:left;margin-right:10px;}
.tt-box-r li p span,.tt-box-r li p time{font-size:12px;color:#999;margin-right:15px;}
.tt-box-r li .game-title{font-size:15px;max-height:44px;line-height:22px;overflow:hidden;}
.tt-box-r li .game-install{font-size:12px;color:#999;padding-top:6px;}

.tt-box-r .gamebox{position:relative;padding:0px 15px 0px 100px;height:104px;overflow:hidden;margin-top:15px;margin-left:8px}
.tt-box-r .qrcode-data{position:absolute;left:0px;top:0px;}
.tt-box-r .gamebox p{padding-top:12px;text-align:center;}
.tt-box-r .gamebox p:nth-child(2){padding-top:2px;}
.tt-box-r .gamebox p .btn{width:100%;padding:0px;line-height:33px;}
@media screen and (max-width:1000px) {
    .tt-box-l h2{display:none}
    .tt-box-l{width:100%;float:none;}
    .tt-box-l ol{margin-top:0px;}
    .banner{width:100%;}
    .tt-boxs{float:none;width:100%;}
    .tt-menu{width:100%;margin-top:10px;}
    .tt-boxs-data{background:none;}
    .tt-box-c{width:auto;float:none;}
    .tt-box-c ul li{width:auto;float:none;padding:12px;}
    .tt-box-r{float:none;width:100%;margin-top:10px;}
    .tt-box-r .gamebox{padding:15px 15px 15px 115px;height:88px;background:#FFF;overflow:hidden;}
    .tt-box-r .qrcode-data{left:15px;top:15px;}

}

        .gamebox-downloads{background:#00b4fe;clear:both;padding:8px;overflow:hidden;margin-top:5px;}
        .gamebox-downloads a{display:block;}
        .gamebox-downloads img{margin-right:10px;float:left;width:48xpx;height:48x;border-radius:5px;}
        .gamebox-downloads i{position:absolute;right:-7px;top:-9px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #EEE;background:#FFF;cursor:pointer;border-radius:20px;color:#999;}
        .gamebox-downloads span:nth-child(2){font-size:12px;color:#FFF;}
        .gamebox-downloads span:nth-child(2) b{font-weight:bold;font-size:16px;}
        .gamebox-downloads span:nth-child(1){float:right;background:#FFF;color:#00b4fe;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:10px;}

.games-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.games-title h2{float:left;font-size:18px;}
.games-title a{float:right;}

.games-type-lists{clear:both;padding:20px 12px 12px 12px;background:#FFF}
.games-type-lists span{height:33px;line-height:33px;overflow:hidden;text-align:center;display:inline-block;border:1px solid #CCC;min-width:85px;padding:0 6px;margin-right:5px;border-radius:5px}

.games-list{clear:both;background:#FFF;margin-bottom:20px;}
.games-list ul{display:flex;flex-wrap:wrap;overflow:hidden;}
.games-list ul li{float:left;width:572px;margin-left:20px;padding:15px 0px;border-top:1px solid #EEE;padding-bottom:15px;}
.games-list ul li:nth-child(1),.games-list ul li:nth-child(2){border-top:0px}
.games-list ul li img{width:128px;height:128px;border-radius:15px;float:left;margin-right:15px;}
.games-list ul li .gmaes-title a{font-size:18px;font-weight:bold;}
.games-list ul li .games-attr{padding-top:8px;}
.games-list ul li .games-attr span{color:#999;font-size:14px;margin-left:12px;}
.games-list ul li .games-attr span:nth-child(1){margin-left:0px;}
.games-list ul li .games-desc{font-size:14px;color:#666;padding-top:8px;height:40px;line-height:20px;overflow:hidden;}
.games-list ul li .games-download-btn{padding-top:6px;}
@media screen and (max-width:1000px){
    .games-type-lists{padding:8px;}
    .games-list ul li{float:none;width:auto;margin-left:0px;padding:12px;}
    .games-list ul li img{height:60px;width:60px;}
    .games-list ul li .games-attr span{display:inline-block;font-size:12px;}
}

.rank-box{background:#FFF;width:385px;float:left;margin-left:22px;}
.rank-box:nth-child(1){margin-left:0px;}
.rank-box .rank-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.rank-box ul{overflow:hidden;padding:5px 0px}
.rank-box ul li{clear:bot;overflow:hidden;padding:10px 20px 10px 45px;position:relative;}
.rank-box ul li i{position:absolute;left:10px;top:24px;background:#999;color:#fff;width:20px;height:20px;line-height:20px;border-radius:20px;text-align:center;font-size:12px;display:block;}
.rank-box ul li:nth-child(1) i,.rank-box ul li:nth-child(2) i,.rank-box ul li:nth-child(3) i{background:red;}
.rank-box ul li img{width:48px;height:48px;border-radius:8px;float:left;margin-right:15px;}
.rank-box ul li .index-game-title{font-size:14px;}
.rank-box ul li .index-game-attr{font-size:12px;color:#999;padding-top:6px;}
.rank-download{position: absolute;right:15px;top:15px;}
@media screen and (max-width:1000px) {
    .rank-box{width:auto;float:none;margin-left:0px;}
}

.news-box{width:860px;float:left;}
.news-box {clear:both;background:#FFF;border-radius:5px;}
.news-box .news-tab {position:relative;}
.news-box .news-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.news-box .news-tab h2{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.news-box .news-tab h2.active{color:#dc191b;font-weight:bold;}
.news-box .news-tab h2.active:before {content: ''; display: block; width:100%; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.news-box .news-list{display:none;overflow:hidden;}
.news-box .news-list.active {display:block;}
.news-box .news-list ul.news-list-big li{padding:18px 0px 10px 18px;overflow:hidden;float:left;width:192px;}
.news-box .news-list ul.news-list-big li img{width:192px;height:156px;border-radius:8px;}
.news-box .news-list ul.news-list-big li p{height:30px;line-height:30px;overflow:hidden;padding-top:6px;text-align:center;}
.news-box .news-list ul.news-list-big li p a{color:#333;font-size:14px;}

.news-box .news-list ul.news-list-txt{border-top:1px solid #EEE;clear:both;padding:10px 15px;overflow:hidden;}
.news-box .news-list ul.news-list-txt li{line-height:30px;height:30px;width:400px;overflow:hidden;float:left;}
.news-box .news-list ul.news-list-txt li time{float:right;font-size:14px;color:#999;}
.news-box .news-list ul.news-list-txt li a{float:left;font-size:14px;color:#666;}
.news-box .news-list ul.news-list-txt li:nth-child(odd){float:left}
.news-box .news-list ul.news-list-txt li:nth-child(even){float:right}

.news-game{background:#FFF;width:320px;float:right;}
.news-game-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.news-game ul{padding:6px 15px;}
.news-game ul li {position:relative;padding:8px 10px 8px 35px;font-size:12px;overflow:hidden;}
.news-game ul li i.rank {width:22px;height:62px;line-height:60px;display:inline-block;text-align:center;position:absolute;top:8px;left:0px;background:#EEE;color:#666;}
.news-game ul li i.rank.rank1,
.news-game ul li i.rank.rank2,
.news-game ul li i.rank.rank3 {background:red;color:#FFF}
.news-game ul li img {width:62px;height:62px;border-radius:5px;vertical-align:middle;margin-right:15px;float:left;}
.news-game ul li p {font-size:16px;}
.news-game ul li p:last-child {margin-top:8px;}
@media screen and (max-width:1000px) {
    .news-box{width:100%;float:none;}
    .news-box .news-list ul.news-list-big{}
    .news-box .news-list ul.news-list-big li{width:47%;margin-left:2%;padding:10px 0px 0px 0px;}
    .news-box .news-list ul.news-list-big li img{width:100%;height:122px;}
    .news-box .news-list ul.news-list-big li p a{font-size:12px;}
    .news-box .news-list ul.news-list-txt li{width:auto;}
    .news-box .news-list ul.news-list-txt li:nth-child(2n),.news-box .news-list ul.news-list-txt li:nth-child(2n+1){float:none;}
    .news-game{float:none;width:100%;margin-top:10px;}
}

.question-box {clear:both;background:#FFF;}
.question-box .question-tab {position:relative;}
.question-box .question-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.question-box .question-tab span{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.question-box .question-tab span.active{color:#dc191b;font-weight:bold;}
.question-box .question-tab span.active:before {content: ''; display: block; width:100%; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.question-box .question-list{display:none;overflow:hidden;}
.question-box .question-list.active {display:block;}
.question-box .question-list ul{border-top:1px solid #EEE;clear:both;padding-bottom:15px;overflow:hidden;}
.question-box .question-list ul li{padding:16px;width:190px;margin-left:15px;margin-top:15px;overflow:hidden;float:left;background:#EEE;border-radius:5px;}
.question-box .question-list ul li p.question-title{line-height:22px;height:44px;overflow:hidden;margin-bottom:5px;position:relative;padding-left:32px;}
.question-box .question-list ul li p.question-title::before{content:'问';background:#ff3c00;color:#FFF;width:22px;height:22px;line-height:22px;text-align:center;overflow:hidden;display:inline-block;border-radius:5px;vertical-align:middle;margin-right:8px;font-size:12px;position:absolute;left:0px;top:0px;}
.question-box .question-list ul li p.question-title a{color:#333;font-size:14px;}
.question-box .question-list ul li p time{float:left;font-size:14px;color:#999;}
.question-box .question-list ul li p span{float:left;font-size:14px;color:#999;}
.question-box .question-list ul li p span:nth-child(1){background:#ff3c00;color:#FFF;padding:3px 5px;font-size:12px;border-radius:3px;}
.question-box .question-list ul li p span:last-child{float:right;font-size:12px;}
.question-box .question-list ul li .question-answer{color:#666;font-size:12px;color:#999;height:80px;line-height:20px;overflow:hidden;}
.question-box .question-list ul li .question-answer::before{content:'答';background:#999;color:#FFF;width:22px;height:22px;line-height:22px;text-align:center;display:inline-block;border-radius:5px;margin-right:12px}
.question-box .question-list ul li .question-info{margin-top:10px;}
@media screen and (max-width:1000px) {
    .question-box{margin-top:8px;}
    .question-box .question-list ul li .question-answer{height:auto;max-height:80px;}
    .question-box .question-list ul li{margin:12px;width:auto;}
}

    .game-vs-list{background:#FFF;overflow:hidden;}
    .game-vs-list h3{padding:15px 0px 0px 15px;}
    .game-vs-list ul{padding:15px 0px;overflow:hidden;}
    .game-vs-list ul li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}

    .foot-links{overflow:hidden;background:#2b2b2b;padding:10px 0px}
    .foot-links li{width:auto;margin-right:10px;float:left;height:35px;line-height:35px;overflow:hidden;}
    .foot-links a{color: #FFF;}
    .footer{background:#191919;text-align:center;padding:20px 0px;color:#CCC}
    .footer p{padding-top:5px;}
    .footer a{color:#CCC}
    @media screen and (max-width:1000px) {
        .game-vs-list ul li{float:none;width:auto;}
        body{padding-bottom:55px;}
        .footer{padding:10px}
        .foot-links{padding:10px}
    }